<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>

</head>
<body>
	<div class="container">
		<p>Create a responsive table with alternating cell background color:</p>
		<div class="table-responsive">
			<table class="table table-striped table-bordered">
				<thead>
					<tr>
						<th>#</th>
						<th>Name</th>
						<th>Street</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>ann Awesome</td>
						<td>Broome Street</td>
					</tr>

					<tr>
						<td>2</td>
						<td>Danna Awesome</td>
						<td>Broome Street</td>
					</tr>

					<tr>
						<td>3</td>
						<td>Jann Awesome</td>
						<td>Broome Street</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	
</body>
</html>